<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/detail.css">
</head>

<body>
    <!-- 上边 -->
    <div class="containerH">
        <div class="logo">
            <a href="./index.html"><img src="./img/logo.png" alt=""></a>
        </div>
        <ul class="nav">
            <li><a href="./index.html">首页</a></li>
            <li><a href="./list.html">护肤</a></li>
            <li><a href="#">面膜</a></li>
            <li><a href="#">彩妆</a></li>
            <li><a href="#">男士</a></li>
            <li><a href="#">会员俱乐部</a></li>
            <li><a href="#">关于自然堂</a></li>
            <li><a href="#">专柜查询</a></li>
            <li><a href="#">防伪查询</a></li>
        </ul>
    </div>
    <div class="detail_shop w">
        <div class="detail_shop_left">
            <img src="./img/detail.png" alt="">
        </div>
        <div class="detail_shop_right">
            <h3>「小紫瓶精华」</h3>
            <p>3种成分 击退熬夜肌 蕴含品牌灵魂成分—神奇活性精萃,保湿润泽,抚褪细纹,重焕年轻光采.深海能量,修护传奇,肌肤如愿新生,开启焕变奇迹.
            </p>
            <span>$240</span>
            <div>
                <a href="javascript:;">加入购物车</a>
                <a href="javascript:;">立即购买</a>
            </div>
        </div>
    </div>
    <div class="detailBig w">
        <img src="./img/detailbig.jpg" alt="">
    </div>
    <!-- 底部 -->
    <div class="containerF">
        <div class="margin">
            <div class="service">
                <h3>官网特别服务</h3>
                <ul class="serviceList">
                    <li>
                        <a href="#"><img src="img/apply.png" alt="">
                            <p>试用申领</p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="img/shop.png" alt="">
                            <p>积分商城</p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="img/counter.png" alt="">
                            <p>专柜查询</p>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="img/anti.png" alt="">
                            <p>防伪查询</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="bottom">
                <ul>
                    <li>
                        <dl>
                            <dt>官网福利</dt>
                            <dd>正品保证</dd>
                            <dd>贴心售后</dd>
                            <dd>全场包邮</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>使用规范</dt>
                            <dd>隐私政策</dd>
                            <dd>Cookies政策</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>联系我们</dt>
                            <dd>总机：</dd>
                            <dd>110-888888888</dd>
                            <dd>客服热线</dd>
                            <dd>400-110-120</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>关注我们</dt>
                            <dd>官网微信</dd>
                            <dd>官网微博</dd>

                        </dl>
                    </li>
                </ul>
            </div>
        </div>

    </div>
    <div class="bottomBg">
        <p>国家药监局提示您：请正确认识化妆品功效，化妆品不能替代药品，不能治疗皮肤病等疾病。</p>
        <p>©2017 伽蓝(集团)股份有限公司版权所有
            <a href="#" class="bei"><img src="img/icp_ico.png" alt="" style='display:inline; width: 26px; height: 31px; margin-bottom: -10px;'> 沪ICP备09100493号-3</a>
        </p>
        <p class="names">电商一班-陈建绮-1930490033</p>
    </div>
</body>

</html>